<script setup lang="ts">
import { computed } from 'vue'
const props = defineProps({
    iconClass: {
        type: String
    },
    className: {
        type: String
    }
})

const iconName = computed(() => props.iconClass ? `#icon-${props.iconClass}` : '#icon')
</script>
<template>
	<svg class="svg-icon" aria-hidden="true">
		<use :xlink:href="iconName"></use>
	</svg>
</template>
<style scoped>
.svg-icontest {
	color: red;
}

.svg-icon {
	width: 1em;
	height: 1em;
	vertical-align: -0.15em;
	fill: currentColor;
	overflow: hidden;
}
</style>
